<!--
*Author：富行天下团队
 
 *代码由框架生成,任何更改都可能导致被代码生成器覆盖
 *业务请在@/extension/mall/Form.js此处编写
 -->
<template>
  <div>
    <vol-box :model.sync="box4" title=" 查看人员" :height="500" :width="800" :padding="15">
      <export-excel :name="tableName" domName="exportExcel"></export-excel>
      <el-table style="width: 100%" border :data="headerNameList" id="exportExcel">
        <el-table-column type="index" width="40"> </el-table-column>
        <template v-for="(item, index) in headerName">
          <el-table-column :prop="item.field" :label="item.title" :key="index" v-if="item.title != 'id'"></el-table-column>
        </template>
      </el-table>
      <div slot="footer">
        <Button type="default" @click="
            () => {
              this.box4 = false;
            }
          ">关闭</Button>
      </div>
    </vol-box>
  </div>
</template>

<script>
import VolBox from '@/components/basic/VolBox.vue'
import ExportExcel from '@/components/basic/ExportExcel.vue'
var vueParam = {
  components: {
    VolBox,
    ExportExcel
  },
  data () {
    return {
      box4: false,
      tableName: '人员',
      headerNameList: [],
      headerName: []
    };
  }
};
export default vueParam;
</script>
